#main {
  
  width: 408px;
  height: 408px;
  background: white;
  border: 2px solid gray;
  margin: 0 auto;
 /* margin-left: 400px;
  margin-top: 100px; */
  
  
  overflow: hidden;
 /* hidden修剪溢出的内容,内容会被修剪，并且其余内容是不可见的。 */
}

h2 {
  text-align: center;
}

#con {
  width: 100%;
  height: 400px;
  position: relative;
  top: -408px; /*隐藏所有格子*/
  border-collapse: collapse;
}
/* 行 */
.row {
  height: 100px;
  width: 100%;
}
/* 一个块 */
.cell {
  height: 100px;
  width: 100px;
  float: left;
  border: rgb(54, 74, 129) 1px solid;
}

.black {
  background: black;
}

.btn {
  width: 100%;
  text-align: center;
}

.start {
  margin: 20px auto;
  width: 150px;
  height: 50px;
  border-radius: 10px;
  background: yellowgreen;
  line-height: 50px;
  color: #fff;
}

.top{
	
	left: 20px;
	top: 128px;
	width: 230px;
	height: 408px;
	border: 2px solid gray;
	position: absolute;
}

.game{
	
	left: 400px;
	top: 0;
	margin: auto;
	position: absolute;
}

#ul-li{
	list-style: none;
}

/* #ALL{
	position: absolute;
	margin: auto;
} */

#ppp{
	left: 900px;
	top: 125px;
	margin: auto;
	position: absolute;
	width: 500px;
	height: 408px;
	border: 2px solid gray;
	
}

.start2 {
  margin: 20px auto;
  width: 150px;
  height: 50px;
  border-radius: 10px;
  background: fuchsia;
  line-height: 50px;
  color: #5500ff;
 right: 200px;

}
.btn2{
	width: 100%;
	text-align: center;
	
}

.game2{
	
	left: 850px;
	top: 0;
	margin: auto;
	position: absolute;
}